@import url('reset.css');
@import url('960.css');
@import url('forms.css');
@import url('text.css');

.lf {float: left;}
.rf {float: right;}

#wrapper {font-size: 1.3em;}
#header {margin-top: 10px;}
#main{ margin: 20px 0;}

#form-login {float: right;}

#search {text-align: right;}

#home-item-list ul.items li {margin: 7px; float: left;}
#home-item-list ul.category-choice {float: left;}
#home-item-list ul.category-choice li {float: left;}

#weekly-featured-items {margin: 0 28px;}
#weekly-featured-items li {float: left; margin: 0 7px 7px;}

p.freebie-item img {margin-right: 10px; float: left;}

/* Slider */
div.slider {position: relative;}
div.slider div.navigator {position: absolute; top: 35px; width: 18px; margin: 0 5px; text-align: center;}
div.slider div.prev {}
div.slider div.next {left: 592px;}

/* Pagination */
ul.pagination {float: left; margin: 0 20px 10px;}
ul.pagination li{float: left; width: 25px; text-align: center;}
ul.pagination li.current{font-weight: 700; border: 1px solid #999; padding: 0 3px;}

/* Item list view */
ul.item-list-view li {margin-bottom: 20px; border-bottom: 1px solid #bbb;}
ul.item-list-view li div.item,
ul.item-list-view li div.metadata {width: 300px; float: left; margin-right: 20px;}
ul.item-list-view li div.information {width: 60px; float: left;}
ul.item-list-view li div.item a img {float: left; margin-right: 10px;}
ul.item-list-view li div.information span {text-align: center; font-size: 1.6em; font-weight: 700; color: #999; display: block;}

/* Item grid view */
ul.item-grid-view li {float: left; width: 120px; text-align: center; margin: 0 10px 20px;}
ul.item-grid-view li div.metadata {display: none;}
ul.item-grid-view li h3 {font-size: 1em;font-weight: 700; text-align: justify;}
ul.item-grid-view li div.information span {font-size: 1em; font-weight: 700; color: #999; border-right: 1px solid #999; padding-right: 5px; margin-right: 5px;}

#member-nagivator {text-align: right;}
#member-nagivator img.avatar {vertical-align: middle; border: 1px solid #bbb; padding: 3px;}
#member-nagivator span.balance {color: #888; font-weight: 700;}
#member-nagivator ul {float: right;}
#member-nagivator ul li {float: left; margin-left: 10px; margin-top: 10px;}
#member-nagivator ul li a {color: #333; text-decoration: none; background-color: #D1E751;padding: 5px 7px; border-radius: 3px;}
#member-nagivator ul li a:hover {color: #fff;background-color: #008FBB;}

/* Activities */
ul.activities {list-style-type: disc;}
ul.activities li {margin: 20px 0;}
ul.activities li p {margin: 5px 0;}
ul.activities li small {font-size: 0.8em; color: #999; margin: 5px 0; display: block;}
ul.activities li p img {border: 1px solid #bbb; padding: 3px; vertical-align: middle; margin: 0 5px 5px 0;}

/* Dashboard navigator */
#dashboard-navigator {margin-bottom: 20px;}
#dashboard-navigator ul li {float: left; margin: 0 5px;}
#dashboard-navigator ul li a {background-color: #D1E751; text-decoration: none; color: #333; padding: 5px 7px; border-radius: 3px;}

/*Collections */
ul.collections li {clear: both;}
ul.collections li img {border: 1px solid #bbb; padding: 3px; margin: 0 5px 5px 0; float: left;}
ul.collections li p {float: left; line-height: 20px; width: 220px;} 
ul.collections li span {font-weight: 700;}

div.prices {display: block; text-align: center;}
div.prices span {font-size: 1.5em; font-weight: 700;}

div.author img.avatar {padding: 3px; border: 1px solid #bbb; float: left; margin: 0 10px 5px 0;}

div.metadata { background-color: #D5EDF8; border: 2px solid #92CAE4; display: inline-block; color: #205791; padding: 5px;}
div.metadata dt {float: left; width: 130px; margin-right: 20px; clear: left;}
div.metadata dd {float: left; width: 135px; margin-bottom: 20px; clear: right;}

ul.tags li {float: left; margin: 0 10px 15px 0;}
ul.tags li a {color: #fff;background-color: #008FBB; text-decoration: none; padding: 3px; border-radius: 3px;}

/* Profile */
ul.follow li {float: left; margin: 0 10px 15px 0;}

#form-new-collection {display: none;}


.container_12 {background-image: url('../images/12_col.gif');}
